<!DOCTYPE html>
<html lang="eng" class="">

<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <meta name="title" content="Kolmar Korea">
  <meta name="author" content="OKTOMATO">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>Kolmar Korea</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="./skin/default.css">
  <link rel="stylesheet" href="./skin/swiper.min.css">
  <link rel="stylesheet" href="./skin/layout0730.css">
  <link rel="stylesheet" href="./skin/sub.css">
  <link rel="stylesheet" href="./skin/responsive.css">
  <link rel="stylesheet" href="./skin/chn.css">
  <link href="./skin/NotoSansKR-Hestia.css" rel="stylesheet" type="text/css">
  <link rel="stylesheet" href="./skin/slick.css">

  <script type="text/javascript" src="./skin/jquery-1.11.2.js"></script>
  <script src="./skin/jquery-ui.js"></script>
  <script type="text/javascript" src="./skin/html5.js"></script>
  <script type="text/javascript" src="./skin/slick.js"></script>

  <link rel="stylesheet" href="./skin/fancybox.css">
  <script type="text/javascript" src="./skin/fancybox.js"></script>
  <script src="./skin/jquery.iframeResizer.min.js"></script>
  <link rel="stylesheet" href="./skin/swiper-bundle.min.css" />
  <link rel="stylesheet" href="./skin/main_new5.css">

</head>

<body>
  <div id="wrap">
    <div class="movieBox_bg"></div>
    <header id="header" class="">
      <h1 id="logo"><a href="https://www.kolmar.co.kr/chn">重生集团</a></h1>
      <ul id="lnb" class="clearfix">
        <li>
          <a href="https://www.kolmar.co.kr/chn/about/summary.php">首页</a>
        </li>
        <li>
          <a href="https://www.kolmar.co.kr/chn/businessinfo/info.php">关于我们</a>
        </li>
        <li>
          <a href="https://www.kolmar.co.kr/chn/rd/total.php">产品展示</a>
          <ul class="depth" style="min-height: 202px; display: none;">
            <li>
              <a class="nav_e" href="https://www.kolmar.co.kr/chn/rd/total.php"><span>基础护理</span></a>
              <ul class="nav_ul">
                <li><a href="https://www.kolmar.co.kr/chn/rd/result.php"><span>补水保湿</span></a></li>
                <li><a href="https://www.kolmar.co.kr/chn/rd/result.php"><span>抗皱紧致</span></a></li>
                <li><a href="https://www.kolmar.co.kr/chn/rd/result.php"><span>舒敏修护</span></a></li>
              </ul>
            </li>
            <li>
              <a class="nav_e" href="https://www.kolmar.co.kr/chn/rd/result.php"><span>针对性解决方案</span></a>
              <ul class="nav_ul">
                <li><a href="https://www.kolmar.co.kr/chn/rd/result.php"><span>美白祛斑</span></a></li>
                <li><a href="https://www.kolmar.co.kr/chn/rd/result.php"><span>控油祛痘</span></a></li>
                <li><a href="https://www.kolmar.co.kr/chn/rd/result.php"><span>卸妆清洁</span></a></li>
                <li><a href="https://www.kolmar.co.kr/chn/rd/result.php"><span>遮瑕防护</span></a></li>
                <li><a href="https://www.kolmar.co.kr/chn/rd/result.php"><span>去角质</span></a></li>
              </ul>
            </li>
            <li>
              <a class="nav_e" href="https://www.kolmar.co.kr/chn/rd/result.php"><span>个人护理</span></a>
              <ul class="nav_ul">
                <li><a href="https://www.kolmar.co.kr/chn/rd/result.php"><span>洗发护发</span></a></li>
                <li><a href="https://www.kolmar.co.kr/chn/rd/result.php"><span>身体护理</span></a></li>
                <li><a href="https://www.kolmar.co.kr/chn/rd/result.php"><span>手足护理</span></a></li>
                <li><a href="https://www.kolmar.co.kr/chn/rd/result.php"><span>口腔护理</span></a></li>
                <li><a href="https://www.kolmar.co.kr/chn/rd/result.php"><span>私密护理</span></a></li>
              </ul>
            </li>
            <li>
              <a class="nav_e" href="https://www.kolmar.co.kr/chn/rd/result.php"><span>特殊群体</span></a>
              <ul class="nav_ul">
                <li><a href="https://www.kolmar.co.kr/chn/rd/result.php"><span>男士护肤</span></a></li>
                <li><a href="https://www.kolmar.co.kr/chn/rd/result.php"><span>婴幼儿护肤</span></a></li>
                <li><a href="https://www.kolmar.co.kr/chn/rd/result.php"><span>孕产妇护理</span></a></li>
                <li><a href="https://www.kolmar.co.kr/chn/rd/result.php"><span>中老年护肤</span></a></li>
              </ul>
            </li>
            <li>
              <a class="nav_e" href="https://www.kolmar.co.kr/chn/rd/result.php"><span>其他项目</span></a>
              <ul class="nav_ul">
                <li><a href="https://www.kolmar.co.kr/chn/rd/result.php"><span>扩散器精油</span></a></li>
                <li><a href="https://www.kolmar.co.kr/chn/rd/result.php"><span>其他</span></a></li>
              </ul>
            </li>
          </ul>
        </li>
        <li>
          <a href="https://www.kolmar.co.kr/chn/esg/environment.php">OEM过程</a>
        </li>
        <li>
          <a href="https://www.kolmar.co.kr/chn/pr/prmovie.php">新闻中心</a>
        </li>
        <li>
          <a href="https://www.kolmar.co.kr/chn/ir/report.php">联系我们</a>
        </li>
      </ul>

      <div class="lang_w">
        <button class="btn-sel">CN</button>
        <div class="dep">
          <ul>
            <li><a href="https://www.kolmar.co.kr/">Korean</a></li>
            <li><a href="https://www.kolmar.co.kr/eng">English</a></li>
            <li><a href="https://www.kolmar.co.kr/chn">Chinese</a></li>
          </ul>
        </div><!-- lst -->
      </div><!-- langArea -->
      <div class="lnb_bg" style="height: 251px; display: none;"></div>

      <button type="button" id="btn-menu">메뉴</button>

      <nav id="lnb_m">
        <div class="in">
          <ul id="top_nav_m" class="clearfix">
            <li>

              <a href="https://www.kolmar.co.kr/chn/about/summary.php">COMPANY</a>


            </li>

            <li>

              <a href="https://www.kolmar.co.kr/chn/businessinfo/info.php">BUSINESS</a>


            </li>

            <li>

              <a href="https://www.kolmar.co.kr/chn/rd/total.php">R&amp;D555</a>

              <ul class="depth">

                <li>
                  <a class="nav_e" href="https://www.kolmar.co.kr/chn/rd/total.php"><span>基础护理</span></a>
                  <ul class="nav_ul">
                    <li><a href="https://www.kolmar.co.kr/chn/rd/result.php"><span>补水保湿</span></a></li>
                    <li><a href="https://www.kolmar.co.kr/chn/rd/result.php"><span>抗皱紧致</span></a></li>
                    <li><a href="https://www.kolmar.co.kr/chn/rd/result.php"><span>舒敏修护</span></a></li>
                  </ul>
                </li>
                <li>
                  <a class="nav_e" href="https://www.kolmar.co.kr/chn/rd/result.php"><span>针对性解决方案</span></a>
                  <ul class="nav_ul">
                    <li><a href="https://www.kolmar.co.kr/chn/rd/result.php"><span>美白祛斑</span></a></li>
                    <li><a href="https://www.kolmar.co.kr/chn/rd/result.php"><span>控油祛痘</span></a></li>
                    <li><a href="https://www.kolmar.co.kr/chn/rd/result.php"><span>卸妆清洁</span></a></li>
                    <li><a href="https://www.kolmar.co.kr/chn/rd/result.php"><span>遮瑕防护</span></a></li>
                    <li><a href="https://www.kolmar.co.kr/chn/rd/result.php"><span>去角质</span></a></li>
                  </ul>
                </li>
                <li>
                  <a class="nav_e" href="https://www.kolmar.co.kr/chn/rd/result.php"><span>个人护理</span></a>
                  <ul class="nav_ul">
                    <li><a href="https://www.kolmar.co.kr/chn/rd/result.php"><span>洗发护发</span></a></li>
                    <li><a href="https://www.kolmar.co.kr/chn/rd/result.php"><span>身体护理</span></a></li>
                    <li><a href="https://www.kolmar.co.kr/chn/rd/result.php"><span>手足护理</span></a></li>
                    <li><a href="https://www.kolmar.co.kr/chn/rd/result.php"><span>口腔护理</span></a></li>
                    <li><a href="https://www.kolmar.co.kr/chn/rd/result.php"><span>私密护理</span></a></li>
                  </ul>
                </li>
                <li>
                  <a class="nav_e" href="https://www.kolmar.co.kr/chn/rd/result.php"><span>特殊群体</span></a>
                  <ul class="nav_ul">
                    <li><a href="https://www.kolmar.co.kr/chn/rd/result.php"><span>男士护肤</span></a></li>
                    <li><a href="https://www.kolmar.co.kr/chn/rd/result.php"><span>婴幼儿护肤</span></a></li>
                    <li><a href="https://www.kolmar.co.kr/chn/rd/result.php"><span>孕产妇护理</span></a></li>
                    <li><a href="https://www.kolmar.co.kr/chn/rd/result.php"><span>中老年护肤</span></a></li>
                  </ul>
                </li>
                <li>
                  <a class="nav_e" href="https://www.kolmar.co.kr/chn/rd/result.php"><span>其他项目</span></a>
                  <ul class="nav_ul">
                    <li><a href="https://www.kolmar.co.kr/chn/rd/result.php"><span>扩散器精油</span></a></li>
                    <li><a href="https://www.kolmar.co.kr/chn/rd/result.php"><span>其他</span></a></li>
                  </ul>
                </li>

              </ul>

            </li>

            <li>

              <a href="https://www.kolmar.co.kr/chn/esg/environment.php">ESG</a>

            </li>

            <li>

              <a href="https://www.kolmar.co.kr/chn/pr/prmovie.php">PR</a>


            </li>

            <li>

              <a href="https://www.kolmar.co.kr/chn/ir/report.php">IR</a>


            </li>

          </ul>
        </div>
      </nav>

    </header><!-- header -->

    <script>
      $(".lang_w .btn-sel").click(function () {
        $(".lang_w .dep").slideToggle(150)
      })

      var matchHeight = function () {
        function init() {
          eventListeners();
          matchHeight();
        }
        function eventListeners() {
          $(window).on('resize', function () {
            matchHeight();
          });
        }
        function matchHeight() {
          var groupName = $('#lnb .depth');
          var groupHeights = [];

          groupName.css('min-height', 'auto');

          groupName.each(function () {
            groupHeights.push($(this).outerHeight());
          });

          var maxHeight = Math.max.apply(null, groupHeights);
          groupName.css('min-height', maxHeight);

          depth = $("#lnb .depth").height()
          $(".lnb_bg").css("height", depth + 79)
        };
        return {
          init: init
        };
      }();

      $(document).ready(function () {
        matchHeight.init();
      });

      // Original hover logic for all lnb items with .depth
      $("#lnb > li").mouseenter(function () {
        var $this = $(this);
        var $depth = $this.children(".depth");
        if ($depth.length && $depth.find("li").length > 0) { // Check if a submenu exists and contains li elements
          $depth.show();
          $(".lnb_bg").show(); // Show the background
          $("#header").addClass("active");
        }
      });

      $("#lnb > li").mouseleave(function () {
        var $this = $(this);
        var $depth = $this.children(".depth");
        if ($depth.length) { // Check if a submenu exists
          $depth.hide();
          // Check if any other depth is still visible before hiding lnb_bg and removing active class
          if ($("#lnb .depth:visible").length === 0) {
            $(".lnb_bg").hide();
            $("#header").removeClass("active");
          }
        }
      });

      $("#btn-menu").click(function () {
        if ($(this).hasClass("open")) {
          $(this).removeClass("open")
          $("#lnb_m").show().animate({ left: "-100%" }, 300)
          $(".allmenu_bg").remove()
        } else {
          $(this).addClass("open")
          $("#lnb_m").css("height", $("#wrap").height())
          $("#lnb_m").show().animate({ left: "0" }, 300)
          $("#header").append("<div class='allmenu_bg'></div>")
          if ($("#top_nav_m > li").hasClass("active")) {
            $("#lnb_m").addClass("opend")
          }
        }
      })
      $("#top_nav_m > li > a").click(function (e) {
        var $subMenu = $(this).next('.depth');

        if ($subMenu.length) {
          e.preventDefault();
          $("#lnb_m").addClass("opend");
          $("#top_nav_m > li").removeClass("active");
          $("#top_nav_m .depth").fadeOut();

          if (!$subMenu.is(":visible")) {
            $subMenu.fadeIn();
            $("#lnb_m").addClass("opend");
            $(this).parent("li").addClass("active");
          } else {
            $("#lnb_m").removeClass("opend");
            $(this).parent("li").removeClass("active");
          }
        }
      });
    </script>

    <script>
      // Handle click on second-level items in mobile menu to toggle third level
      $('#lnb_m .depth > li > a').each(function () {
        if ($(this).next('ul.nav_ul').length) {
          $(this).addClass('has-submenu');
        }
      });

      $('#lnb_m .depth > li > a').click(function (e) {
        var $subMenu = $(this).next('ul.nav_ul');

        if ($subMenu.length) {
          e.preventDefault();
          $(this).toggleClass('active');
          // Hide other open sub-menus at the same level
          $(this).parent().siblings().find('ul.nav_ul').slideUp(200);
          $(this).parent().siblings().find('a.has-submenu').removeClass('active');
          // Toggle the current sub-menu
          $subMenu.slideToggle(200);
        }
      });
    </script>

    <!-- ?include "$_SERVER[DOCUMENT_ROOT]/report.php"; ? -->

    <!-- <div id="navi_wrap">
	<div class="bg"></div> -->



    <script>
      $(document).ready(function () {
        $('#main_visual_new .slider').slick({
          slidesToShow: 1,
          slidesToScroll: 1,
          arrows: true,
          prevArrow: '<button type="button" class="slick-prev prev">Previous</button>',
          nextArrow: '<button type="button" class="slick-next next">Next</button>',
          dots: true,
          infinite: true,
          speed: 500,
          autoplay: true,
          autoplaySpeed: 3000,
          fade: true,
          cssEase: 'linear'
        });
      });
    </script>


    <section id="main">
      <section id="main_visual_new">

        <div class="swiper mySwiper">
          <div class="swiper-wrapper">
            <div class="swiper-slide"><img src="./skin/1588762485985_slide1-jpg.jpg"></div>
            <div class="swiper-slide"><img src="./skin/1588762535174_slide3-jpg.jpg"></div>

          </div>

          <div class="swiper-pagination"></div>
        </div>
        <script src="./skin/swiper-bundle.min.js"></script>
        <script>
          var swiper = new Swiper(".mySwiper", {
            spaceBetween: 30,
            centeredSlides: true,
            autoplay: {
              delay: 2500,
              disableOnInteraction: false,
            },
            pagination: {
              el: ".swiper-pagination",
              clickable: true,
            },
            navigation: {
              nextEl: ".swiper-button-next",
              prevEl: ".swiper-button-prev",
            },
          });
        </script>
      </section>
      <section id="m1">
        <div class="inner">
          <ul class="clearfix dev">
            <li class="w20 ttt">
              <div class="tit-main">
                <span class="color-blue label ff-kg">Company</span>
                <p class="big ff-kg">No.1 Platform <br class="m">
                  Service Provider <br class="m">

                </p>
                <p class="txt">以优秀的技术力与高品质水准为基础, 提供系统性的全方位服务.</p>
                <a href="https://www.kolmar.co.kr/chn/about/summary.php" class="view">view more <span
                    class="ico-plus"></span></a>
              </div>
            </li>
            <li class="w60">
              <img src="./skin/model.jpg" alt="">
            </li>
            <li class="w20" id="m1_3">
              <div class="sect">
                <strong class="ff-kg"><span class="ico"><img src="./skin/com_ico1.jpg" alt=""></span> ODM</strong>
                <span>韩国首家化妆品ODM企业</span>
              </div>
              <div class="sect">
                <strong class="ff-kg"><span class="ico"><img src="./skin/com_ico2.jpg" alt=""></span> CGMP</strong>
                <span>被指定为韩国1·2号CGMP符合企业</span>
              </div>
              <div class="sect">
                <strong class="ff-kg"><span class="ico"><img src="./skin/com_ico3.jpg" alt=""></span> First</strong>
                <span>成立世界首家化妆品融合研究中心</span>
              </div>
            </li>
          </ul>
        </div>
      </section>
      <section class="m_add">
        <div class="inner">
          <ul class="clearfix">
            <li class="i1"><a href="https://www.kolmar.co.kr/chn/businessinfo/business.php"><span
                  class="ff-kg t">事业咨询</span> <span class="more color-blue">view more +</span></a></li>

          </ul>
        </div>
      </section>
      <section id="m3">
        <div class="inner">
          <ul class="clearfix dev">
            <li class="w20 ttt">
              <div class="tit-main">
                <span class="color-blue label ff-kg">Business/R&amp;D</span>
                <p class="big ff-kg">技术力是韩国Kolmar<br class="m">在30年间持续成长的<br class="m">核心动力.</p>
                <p class="txt">在由最尖端设备构成的研究空间中, 展示了世界上前所未有的新技术.</p>
                <a href="https://www.kolmar.co.kr/chn/rd/total.php" class="view">view more <span
                    class="ico-plus"></span></a>
              </div>
            </li>
            <li class="w80" id="m3_2_new">
              <button class="prev slick-arrow" style="display: block;">이전</button>
              <ul class="clearfix s">
                <li class="i1">
                  <div class="img"><img src="./skin/m3_2_1.jpg" alt=""></div>
                  <div class="cont">
                    <strong class="t">基础护肤研究所</strong>
                    <p class="txt">作为韩国国内外众多化妆品品牌根基的韩<br class="m">国Kolmar技术力来自于基础护肤研究所.</p>
                  </div>
                </li>
                <li class="i2">
                  <div class="img"><img src="./skin/m3_2_2.jpg" alt=""></div>
                  <div class="cont">
                    <strong class="t">彩妆化妆品研究所</strong>
                    <p class="txt">跨越韩国走向世界的彩妆化妆品研究所, 正在开发卓越品质的化妆品.</p>
                  </div>
                </li>
                <li class="i3">
                  <div class="img"><img src="./skin/m3_2_9.jpg" alt=""></div>
                  <div class="cont">
                    <strong class="t">个人护理研究所</strong>
                    <p class="txt">从头发到身体，为了消费者的个人护理对产品进行了细致的研究和实验，同时对消费者的生活方式进行了升级.</p>
                  </div>
                </li>
                <li class="i4">
                  <div class="img"><img src="./skin/m3_2_10.jpg" alt=""></div>
                  <div class="cont">
                    <strong class="t">UV技术创新研究所</strong>
                    <p class="txt">UV技术创新研究所将引领防晒产品革新的技术为基础，开发防晒功能优秀的独有材料等，加快引领国内防晒市场的未来研发技术创新.</p>
                  </div>
                </li>
                <li class="i5">
                  <div class="img"><img src="./skin/m3_2_3.jpg" alt=""></div>
                  <div class="cont">
                    <strong class="t">融合技术研究所</strong>
                    <p class="txt">具有优秀的创意性和专业性的各领域研究<br class="m">员通过多种技术互助追求技术革新.</p>
                  </div>
                </li>
                <li class="i6">
                  <div class="img"><img src="./skin/m3_2_4.jpg" alt=""></div>
                  <div class="cont">
                    <strong class="t">皮肤天然物质研究所</strong>
                    <p class="txt">开发高附加值材料, 为了获得消费者的信赖并放心使用, 通过皮肤临床及各种试验确保产品的安全性.</p>
                  </div>
                </li>
                <li class="i7">
                  <div class="img"><img src="./skin/m3_2_5.jpg" alt=""></div>
                  <div class="cont">
                    <strong class="t">生物群系研究所</strong>
                    <p class="txt">开发创新生命材料及构建平台技术, 研究可应用于集团内部化妆品, 健康功能食品及医药品开发的未来原创技术.</p>
                  </div>
                </li>
                <li class="i8">
                  <div class="img"><img src="./skin/m3_2_6.jpg" alt=""></div>
                  <div class="cont">
                    <strong class="t">食品科学研究所</strong>
                    <p class="txt">食品科学研究所拥有高度化的剂型技术<br class="m">和作为原始技术的包装技术, 为客户开发定制型产品.</p>
                  </div>
                </li>
                <li class="i9">
                  <div class="img"><img src="./skin/m3_2_7.jpg" alt=""></div>
                  <div class="cont">
                    <strong class="t">香料研究中心</strong>
                    <p class="txt">最出色香料研究员研发出化妆品, 医药品, 健康功能食品等领域中可以触及顾客<br class="m">感性的香味.</p>
                  </div>
                </li>
              </ul>
              <button class="next slick-arrow" style="display: block;">다음</button>

              <script>
                $('#m3_2_new .s').slick({
                  slidesToShow: 2,
                  slidesToScroll: 1,
                  prevArrow: $('#m3_2_new .prev'),
                  nextArrow: $('#m3_2_new .next'),
                  dots: false,
                  infinite: true,
                  speed: 500,
                  autoplay: true,
                  autoplaySpeed: 3000,
                  pauseOnHover: true,
                  cssEase: 'linear',
                  responsive: [
                    {
                      breakpoint: 720,
                      settings: {
                        slidesToShow: 1,
                        slidesToScroll: 1
                      }
                    }
                  ]
                });

                $('#m3_2_new .s').on('beforeChange', function (event, slick, currentSlide, nextSlide) {
                  $("#m3_2_new .s").addClass("active");
                });

                $('#m3_2_new .s').on('afterChange', function (event, slick, currentSlide, nextSlide) {
                  $("#m3_2_new .s").removeClass("active");
                });
              </script>
            </li>
          </ul>
        </div>
      </section>
      <section id="m4">
        <strong class="t ff-kg">"Delivering happiness with healthy beauty"</strong>
      </section>
      <section id="m5">
        <div class="inner">
          <ul class="clearfix">
            <li class="clearfix">
              <div class="tit-main">
                <span class="color-blue label ff-kg">ESG</span>
                <p class="big ff-kg">通过可持续经营, 成为对社会做出贡献的企业.</p>
                <p class="txt">作为社会一员并秉承着共同成长的坚定信念, 尽职尽责不断努力.</p>
                <a href="https://www.kolmar.co.kr/chn/esg/contribution.php" class="view">view more <span
                    class="ico-plus"></span></a>
              </div>
              <div class="group m5_2">
                <div class="cont">
                  <div class="t"><strong class="ff-kg">环境经营</strong></div>
                  <div class="txt">为达到World First Class R&amp;D·制造专业企业的水准, 严格遵守环境与安全管理经营系统.
                  </div>
                </div>
              </div>
            </li>
            <li>
              <div class="group m5_3">
                <div class="cont">
                  <div class="t"> <strong class="ff-kg">社会贡献</strong></div>
                  <div class="txt">

                    用温情之手抚摸我们社会的各个角落, 令我们感受到温暖的气息.

                  </div>
                </div>
              </div>
              <div class="group m5_4">
                <div class="cont">
                  <div class="t"> <strong class="ff-kg">管理结构</strong></div>
                  <div class="txt">
                    为构建董事会与专业经营团队之间的调和<br class="m">牵制与均衡的先进型管理结构而不断努力.
                  </div>
                </div>
              </div>
            </li>
          </ul>
        </div>
      </section>
      <section id="m6">
        <div class="m6-inner">
          <div class="m6-flex">
            <div class="m6-left-content">
              <h2 class="m6-title">OEM cooperation process</h2>
              <p class="m6-desc">Mutual benefit and win-win, seek entne act th interests of partners, honest and
                trustworthy, honest</p>
            </div>
            <div class="m6-right-content">
              <img src="https://images.unsplash.com/photo-1596462502278-27bfdc403348?w=1200&auto=format&fit=crop"
                alt="化妆品步骤" class="m6-img">
            </div>
          </div>
        </div>
      </section>

    </section>



    <section id="contact-form-section">
      <div class="contact-container">
        <div class="contact-left">
          <h2 class="contact-title">Book Appointment</h2>
          <div class="contact-info">
            <div class="info-item">
              <h3>Health Check</h3>
              <p>Lorem ipsum dolor sit amet consectetur adipiscing elit sed.</p>
            </div>
            <div class="info-item">
              <h3>Get Directions</h3>
              <p>Lorem ipsum dolor consectetur adipiscing elit sed do eiusmod tempor incididunt.</p>
            </div>
          </div>
        </div>
        <div class="contact-right">
          <div class="contact-form-card">
            <h2 class="contact-form-title">DO YOU HAVE ANY QUESTIONS?</h2>
            <form class="contact-form-box">
              <div class="contact-form-row">
                <div class="contact-form-group">
                  <label for="full-name">Full Name</label>
                  <input type="text" id="full-name" name="full-name" required>
                </div>
                <div class="contact-form-group">
                  <label for="email">Email</label>
                  <input type="email" id="email" name="email" required>
                </div>
              </div>
              <div class="contact-form-group">
                <label for="message">How Can We Help?</label>
                <textarea id="message" name="message" rows="5" required></textarea>
              </div>
              <button type="submit" class="contact-form-submit">Submit</button>
            </form>
          </div>
        </div>
      </div>
    </section>



    <!-- News Section Start -->
    <section id="news-section">
      <div class="news-inner">
        <h2 class="news-title">News</h2>
        <div class="news-list">
          <ul class="news-items">
            <li class="news-item">
              <div class="news-header">
                <span class="news-headline">Kolmar Korea launches new skincare line</span>
                <span class="news-date">2024-06-01</span>
              </div>
              <div class="news-desc">Discover our innovative new skincare products for 2024.</div>
            </li>
            <li class="news-item">
              <div class="news-header">
                <span class="news-headline">Company awarded for innovation</span>
                <span class="news-date">2024-05-25</span>
              </div>
              <div class="news-desc">Recognized for outstanding achievements in product development.</div>
            </li>
            <li class="news-item">
              <div class="news-header">
                <span class="news-headline">Participation in global expo</span>
                <span class="news-date">2024-05-10</span>
              </div>
              <div class="news-desc">Showcasing our latest solutions at the international event.</div>
            </li>
            <li class="news-item">
              <div class="news-header">
                <span class="news-headline">New R&D center opening</span>
                <span class="news-date">2024-04-28</span>
              </div>
              <div class="news-desc">Our new research center is now open for advanced studies.</div>
            </li>
            <li class="news-item">
              <div class="news-header">
                <span class="news-headline">Environmental initiative update</span>
                <span class="news-date">2024-04-15</span>
              </div>
              <div class="news-desc">Progress on our sustainability and green projects.</div>
            </li>
            <li class="news-item">
              <div class="news-header">
                <span class="news-headline">Kolmar Korea joins industry alliance</span>
                <span class="news-date">2024-03-30</span>
              </div>
              <div class="news-desc">Strengthening partnerships for industry growth.</div>
            </li>
            <li class="news-item">
              <div class="news-header">
                <span class="news-headline">CEO interview with media</span>
                <span class="news-date">2024-03-15</span>
              </div>
              <div class="news-desc">Insights from our CEO on future strategies.</div>
            </li>
            <li class="news-item">
              <div class="news-header">
                <span class="news-headline">Launch of new product packaging</span>
                <span class="news-date">2024-03-01</span>
              </div>
              <div class="news-desc">Eco-friendly and innovative packaging solutions.</div>
            </li>
            <li class="news-item">
              <div class="news-header">
                <span class="news-headline">Annual report released</span>
                <span class="news-date">2024-02-20</span>
              </div>
              <div class="news-desc">Key highlights from our 2023 annual report.</div>
            </li>
          </ul>
        </div>
      </div>
    </section>
    <!-- News Section End -->



    <!--                ### 팝업 시작 ###            -->
    <script language="javascript">
      <!--
      function readCookie(cookiename)
      {
       var Found = false;
      
       cookiedata = document.cookie;
       if ( cookiedata.indexOf(cookiename) >= 0 ){
         Found = true;
       }
      
       return Found;
      }
      
      function setCookie( name, value, expiredays )
      {
       var todayDate = new Date();
       todayDate.setDate( todayDate.getDate() + expiredays );
       document.cookie = name + "=" + escape( value ) + "; path=/; expires=" + todayDate.toGMTString() + ";"
      }
      //-->
    </script>
    <!--                ### 팝업 끝 ###            -->
    <footer id="footer">
      <div class="top">
        <div class="inner clearfix">
          <ul class="clearfix l">
            <li><a href="https://kolmar.recruiter.co.kr/appsite/company/index" target="_blank">招聘指南</a></li>
          </ul>
          <div class="r">
            <select onchange="visit(this)">
              <option>Family Site</option>
              <option value="http://www.kolmarholdings.co.kr/" target="_blank">Kolmar Holdings</option>
              <option value="http://www.inno-n.com/" target="_blank">HK inno.N</option>
              <option value="http://www.kolmarbnh.co.kr/" target="_blank">KolmarBNH</option>
              <option value="http://www.hngc.co.kr/" target="_blank">HNG</option>
              <option value="http://hkkolmar.cn/" target="_blank">Kolmar Wuxi</option>
              <option value="http://www.kolmar.com.cn/chn/" target="_blank">Kolmar Beijing</option>
              <option value="https://www.kolmarusa.com/" target="_blank">Kolmar USA</option>
              <option value="https://kolmarlabs.com/index.php" target="_blank">Kolmar Laboratories</option>
              <option value="https://kolmar.ca/" target="_blank">Kolmar Canada</option>
              <option value="http://www.kolmask.kr/kor/" target="_blank">Kolmask</option>
              <option value="http://naturalstory.co.kr/" target="_blank">Kolmar UX</option>
              <option value="http://yeojuacademy.kolmar.co.kr" target="_blank">Yeoju Academy</option>
              <option value="https://www.planit147.com" target="_blank">Planit 147</option>
              <option value="http://nextandbio.com/" target="_blank">Next&amp;Bio</option>
              <option value="http://www.yonwookorea.com/" target="_blank">Yonwoo</option>
              <option value="https://www.kolmarglobal.com/" target="_blank">Kolmar Global</option>
            </select>
          </div>
        </div>
      </div>
      <div class="bot inner">
        <div class="in">
          <div class="logo"><img src="./skin/logo.png" alt=""></div>
          <div class="copy">
            <p class="add">
              <span>总公司 : 世宗特别自治市全义面德首路12-11,电话：02-515-0150</span>
              <span>综合技术院 : 首尔特别市瑞草区献陵路8街61,电话：02-515-0150</span>
              Copyright ⓒ 2016 KOLMAR KOREA. All rights Reserved.
            </p>
          </div><!-- add -->
          <div class="sns_w">
            <a href="https://www.youtube.com/channel/UCKsnQxvZ67NftJ1zW46D1HQ" target="_blank"><img
                src="./skin/sns-y.png" alt=""></a>
            <a href="https://www.facebook.com/kolmar.korea" target="_blank"><img src="./skin/sns-f.png" alt=""></a>
            <a href="https://instagram.com/kolmar.official" target="_blank"><img src="./skin/sns-i.png" alt=""></a>
            <a href="https://blog.naver.com/madongeee" target="_blank"><img src="./skin/sns-b.png" alt=""></a>
          </div>
        </div>
      </div>
      <button type="button" class="go_top" style="cursor: pointer; display: block;"></button>
    </footer>
    <script>
      $(".modal-inquiry").fancybox({
        maxWidth: 1400,
        maxHeight: 2500,
        fitToView: false,
        width: '95%',
        height: '95%',
        autoSize: false,
        closeClick: false,
        openEffect: 'none',
        closeEffect: 'none',
        padding: 0
      });

      function visit(select) {
        var url = select.options[select.selectedIndex].getAttribute('value');
        if (url) window.open(url, '_blank');
      }

      $(".go_top").css("cursor", "pointer").click(function () {
        $('body, html').animate({ scrollTop: 0 }, 500);
      });
      $(window).scroll(function () {
        if ($(this).scrollTop() > 100) {
          $('.go_top').fadeIn();
        } else {
          $('.go_top ').fadeOut();
        }
      });

    </script>


    <div class="pop_bg"></div>

  </div><!-- wrap -->

  <script type="text/javascript">


    $(function () {

      var pageNum = "0";
      var subNum = "0";
      var thirdNum = "0";

      var lnb = $("#header #lnbArea .lst_lnb>ul>li");
      var lnb_t = $("#header #lnbArea .lst_lnb>ul>li >a");


      var snb = $("#aside .lst_aside ul li");
      //var $division = ( pageNum == "0" && pageNum <= $lnb.length);
      var $division = (pageNum == "0");

      if (!$division) {
        $(lnb).eq(pageNum - 1).addClass("on");
        $(snb).eq(subNum - 1).addClass("on");
        $(lnb).eq(pageNum - 1).find(".dep2>ul>li").eq(subNum - 1).addClass("on");
      }


      $(lnb).mouseover(function () {
        $(this).find('.dep2').slideDown(100)
      });
      $(lnb).mouseleave(function () {
        $(this).find('.dep2').slideUp(100)
      });




    });
    $(".btn_allMenu button").click(function () {
      $("#pcallMenu").css("display", "block")
      $("#pcallMenu").animate({ "opacity": 1 }, 200)
    });
    $("#pcallMenu .btn_close").click(function () {
      $("#pcallMenu").css("display", "none")
      $("#pcallMenu").animate({ "opacity": 0 }, 200)
    });
  </script>
  <script type="text/javascript" src="./skin/common.js"></script>
</body>

</html>

<style>
#news-section .news-items {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 0;
  margin: 0;
  list-style: none;
}
#news-section .news-item {
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.04);
  padding: 20px;
  transition: box-shadow 0.2s;
}
#news-section .news-item:hover {
  box-shadow: 0 4px 16px rgba(0,0,0,0.08);
}
#news-section .news-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
}
#news-section .news-headline {
  font-weight: bold;
  font-size: 1.1em;
}
#news-section .news-date {
  color: #888;
  font-size: 0.95em;
}
#news-section .news-desc {
  color: #444;
  font-size: 1em;
}
</style>